<template>
	<view class="w-full" style="color: #636363;">
		<view class="w-full border-b  p-2 box-border flex gap-10 text-sm" style="border-color: #303030;">
			<view :class="{'text-white':active=='当前委托'}" class="cursor-pointer" @click="clickTab('当前委托')">{{$t('bibi.dangqianweituo')}}</view>
			<view :class="{'text-white':active=='委托记录'}" class="cursor-pointer" @click="clickTab('委托记录')">{{$t('bibi.weituojilu')}}</view>
		</view>
		<view style="min-height: 100px;">
			<el-empty v-if="list.length==0" :description="$t('bibi.zanwushuju')" />
		</view>
	</view>
</template>

<script>
	import { CaretBottom } from '@element-plus/icons-vue'
	import {
		mapState,
		mapActions
	} from 'vuex'
	export default {
		data() {
			return {
				active:'当前委托',
				list:[]
			}
		},
		components:{
			CaretBottom
		},
		computed: {
			...mapState({
				mode: state => state.app.mode,
				sysConfig: state => state.app.sysConfig,
			})
		},
		methods: {
			clickTab(name){
				this.active = name
			}

		}
	}
</script>

<style scoped lang="scss">
</style>